<style>
	.food_box {
		padding: 10px;
		border-bottom: 1px solid rgb(217,217,217);
	}
	a {
		color: #000;
	}
	.img_box {
		width: 100px;
		border-radius: 3px
	}
	.media {
		overflow: hidden;
	}
	.m-left{
		float: left;
		margin-right: 30px
	}
	.msg {
		color: #aaa;
	}
</style>
<template>
    <div id="food">
		<divider><span style="color: rgb(55,169,143)">猜你喜欢</span></divider>
		<div class="food_box" v-for="dish in dishList">
            <a v-link="{ name: 'Order', query: { id: dish.id }}" class="food_box-item">
                <div class="media">
                    <div class="m-left">
                        <img class="img_box" :src="dish.src" />
                    </div>
                    <div class="m-left">
                        <h2 style="font-size: 14px;">{{dish.name}}</h2>
                        <p class="msg">{{dish.msg}}</p>
                        <p class="msg">
                        	<span style=" color: rgb(55,169,143); font-weight:bold; font-size: 14px; margin-top:10px; margin-right: 10px ">
                                {{dish.price | currency "￥" }}
                            </span>
                        	<span>门市价：{{ dish.oldPrice | currency "￥" }}</span>
                        </p>
                    </div>
                </div>
            </a>
		</div>
    </div>
</template>
<script>
	import Divider from 'vux/dist/components/divider'

    export default {
        components: {
        	Divider
        },
        data: function() {
            return {
                dishList: [
                    { id: 1, name: "牛肉卷", src: "src/img/beef.jpg", price: 23.9, oldPrice: 36.9, msg: "招牌牛肉卷,肉质嫩鲜" },
                    { id: 2, name: "鸡肉春卷", src: "src/img/bing.jpg", price: 11.3, oldPrice: 21, msg: "招牌牛肉卷,肉质嫩鲜" },
                    { id: 3, name: "红烧鱼", src: "src/img/hry.jpg", price: 29.9, oldPrice: 56.9, msg: "招牌牛肉卷,肉质嫩鲜" },
                    { id: 4, name: "麻辣香锅", src: "src/img/mala.jpg", price: 78.8, oldPrice: 109.9, msg: "招牌牛肉卷,肉质嫩鲜" },
                    { id: 5, name: "四川麻婆豆腐", src: "src/img/mapo.jpg", price: 9.9, oldPrice: 19.4, msg: "招牌牛肉卷,肉质嫩鲜" }
                ]
            }
        },
        ready: function(){
            
        },
        methods: {
            
        }
    }
</script>